<!-- eslint-disable no-unused-vars -->
<!-- eslint-disable no-unused-vars -->
<template>
    <div class="meun-title">
        <img style="width: 100%;height: 100%;" :src="getIcon(config.icon)" alt="menu_title" />
    </div>
</template>

<script setup>
import icon from "@/assets/layer/menu1.png";
import icon2 from "@/assets/layer/menu2.png";
import icon3 from "@/assets/layer/menu3.png";
import icon4 from "@/assets/layer/menu4.png";
import icon5 from "@/assets/layer/menu5.png";
import icon6 from "@/assets/layer/menu6.png";
// eslint-disable-next-line no-unused-vars
const props = defineProps({
    config: {
        type: Object,
        required: true,
    },
});
const iconMap = {
    menu1: icon,
    menu2: icon2,
    menu3: icon3,
    menu4: icon4,
    menu5: icon5,
    menu6: icon6,
};
const getIcon = (key) => {
    return iconMap[key];
};
</script>

<style scoped lang="less">

</style>
